<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <th:block th:include="include :: header('统计列表')"/>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight" style="padding: 20px 20px 0;">
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">NEW</span>
                    <h5>商铺余额</h5>
                </div>
                <div class="ibox-content">
                    <span>总合：</span>
                    <h1 align="center" th:text="${shopMoney}">100</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">NEW</span>
                    <h5>订单量</h5>
                </div>
                <div class="ibox-content">
                    <span>总合：</span>
                    <h1 align="center" th:text="${orderCount}">20</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">NEW</span>
                    <h5>商铺会员数</h5>
                </div>
                <div class="ibox-content">
                    <span>总合：</span>
                    <h1 align="center" th:text="${vipCount}">20</h1>
                </div>
            </div>
        </div>

        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-title">
                    <span class="label label-primary pull-right">NEW</span>
                    <h5>员工数量</h5>
                </div>
                <div class="ibox-content">
                    <span>总合：</span>
                    <h1 align="center" th:text="${empCount}">10</h1>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-sm-12 select-table table-striped" style="margin-top: 0">
    <table id="bootstrap-table"></table>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">

    var prefix = ctx + "streamShop/streamShop";

    $(function() {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            showSearch: false,
            showRefresh: false,
            showColumns: false,
            showToggle: false,
            modalName: "商家流水",
            columns: [
                {
                    field: 'orderNum',
                    title: '订单编号'
                },
                {
                    field: 'handleType',
                    title: '操作类型',
                    formatter: function (value, row, index) {
                        if (value == 0) {
                            return "<span class='badge badge-warning'>商铺收钱</span>";
                        }else if (value == 1){
                            return "<span class='badge badge-primary'>商铺提现</span>";
                        }

                    }
                },
                {
                    field: 'streamType',
                    title: '操作记录'
                },
                {
                    field: 'streamMoney',
                    title: '实际交易金额'
                },
                {
                    field: 'createTime',
                    title: '创建时间'
                }]
        };
        $.table.init(options);
    });


</script>

</body>
</html>
